/* 头部 */
.head{
    height: 112px;
}
.head-top{
    line-height: 28px;
    background-color: #101010;
    color:#e6e6e6
}
.head-topa{
    position: relative;
    box-sizing: border-box;
    padding-left: 200px;
}
.head-img img{
    width: 200px;
    position:absolute;
    top: 0;
    left: 0;
}
.head-topa a{
    color:#a44508
}
.head-search{
    width: 440px;
    line-height: 35px;
    margin-top: 4px;
    
   
}
.head-search input:first-child{
    width: 386px;
    line-height: 31px;
    text-indent: 4px;
    color:#e6e6e6;
    border:2px solid #ff6700; outline: none;

}
.head-search input:last-child{
    width: 46px;
    outline: none;
    line-height: 35px;
    background-image: url(../imgs/img/bgicon.png);
    border: none;
    
}
.head-shopping{
    width: 200px;
    line-height: 36px;
    background-color: #ebebeb;
    margin-right:80px ;
}
/* .head-shopping div:first-child{
    background-image: url(../imgs/img/bgicon.png);
    background-repeat: no-repeat;
} */
.head-shopping-small{
    background-image: url(../imgs/img/bgicon.png);
    background-position: 0 -42px;
    color:#ebebeb;
    width: 100px;
    height: 36px;
    float: left;
    text-indent: 26px;
    text-align: center;
    background-color: #ff6700;;
}
 .head-shopping-smalls{
    width: 100px;
    height: 36px;
    float: left; 
    text-align: center;
   
   
} 
.head-nav{
    font-size: 16px;
    color:#313131;
    height: 16px;

}
.head-nav ul{
    padding-right: 100px;
    box-sizing: border-box;
}
.head-nav ul li{
     float: left; 
     margin-left: 30px;
     color:#323232;
     font-weight: bold;
     margin-top: 18px; 
}





/* 菜单 */
.menu{
    height: 430px;
    position: relative;
    
}
.menu-left{
    width: 200px;
    text-indent: 18px;

}
.menu-left ul li {
color:#323232;
 background-color: #f3f3f3; 
line-height: 30px;


}
.menu li p{
    line-height: 30px;
    text-indent: 20px;
}
.menu-left ul li:hover p {/* border:1px solid red;
    border-right:1px solid white;
 background-color: #ffffff;
  width: 200px; 
  z-index: 220;
  position: absolute; */
  background-color: #fff; 
  color: #f60; 
  border: 1px solid #f60; 
  border-right: 0; position: 
  relative; z-index: 220; 
  width: 200px;

}
ul li p:hover a{
    color:#ff6700;
}
/* .menu-left ul li  p a{
    background-color: #f3f3f3;
} */
ul li:hover div{
    display:block;
    z-index: 210; 
}
.menu-left-dl{
    width: 582px;
    position:absolute;
    top:0px;
    left:200px;
    height: 488px;
    display: none;
}
.menu li div{
    background-color: #fff;
    z-index:190px;
}


.menu-left-dd>a{
    margin-right: 32px;
} 
.menu-left-dt>a{
    color:#ffbfa1
    
}
dl{
padding-left: 20px;
padding-right: 30px;
box-sizing: border-box;
}


/* <!-- 今日推荐 --> */
.recomend-ul{
    width: 1188px;
    /* height: 496px; */
    margin:0 auto;
    border-left:1px solid #ff6600 ;
}
.recomend-ul div h2{

}
.recomend-ul li{
width: 198px;
height: 268px;
box-sizing: border-box;
border-right: 1px solid #ff6600;
border-bottom:1px solid #ff6600 ;
 text-indent: 6px; 
}
.recomend-ul li p:last-child{
    line-height: 48px;
}

/* 电子书ebook */
.ebook{
    margin-top: 30px;
}
.ebook-left{
    width: 900px;
    height: 436px;
    box-sizing: border-box;
}
.ebook-right{
    width: 280px;
    height: 442px;
    box-sizing: border-box;
}

.ebook-left>.lefttitle{border-bottom: 5px solid #ff6600 ;}
.ebook-left>div>.recomend-title{
    border-bottom:0px;
}
.ebook-left>div>ul>li{
    /* padding-right: 20px; */
    box-sizing: border-box;
    line-height: 36px;
    text-align: center;
    width: 100px;
    float: left;
    /* text-indent: 5px; */
}
.on{
 background-color: #ff6600;
 color:white;
}
.ebookleft-banner p{
width: 240px;
height: 150px;
background-color: #cccccc;

}
.ebookleft-banner a{
    width: 80px;
    float: left;
    text-indent: 5px;
    line-height: 30px;
   
}
.book-ul{
     width: 660px; 
    height: 476px;
    display: none;


}
.book-ul.acti{
    display: block;
}
.book-ul>li:first-child{
    width: 326px;
    height: 218px;
}
 .book-ul>li{
    width: 163px;
    height: 218px;
    border: 1px solid #cccccc; 
     float: left; 
}
.book-li{
    text-indent: 4px;
    line-height: 30px;
}
 /* .slider{
    display: none;
}  */
/* ebook-right */
.ebook-right{
     border:1px solid #cccccc; 
     margin-top: 39px;
}
.ebook-right>h3{
    line-height: 44px;
}
.ebook-right  li{
   border-bottom: 1px solid #cccccc;
   position: relative;
  
}
.ebook-right ul{
    padding-left: 20px;
    box-sizing: border-box;
}
.ebook-right li span{
    text-indent: 6px;
}
.ebook-right li h4{
    line-height: 40px;
    
}
.ebook-right li h4.hode{
display: none;
}
 .ebook-right li>span{
    position: absolute;
    top: 11px;
    left:-22px;
} 
.ebook-right li:last-child{
    border-bottom: 0;
}
.ebook-right-new img{
    margin-right: 10px;
   /*  line-height: 20px; */
}
.ebook-right .ebook-li div{
    display: none;
}
.ebook-right .ebook-li div.ebook-right-new{
    display: block;
}

/* 服装clothing */
.clothing{
    margin-top: 41px;
    width: 1200px;
    position: relative;
    top: 0;
    padding: 0;
}
/* color:#333333;
/* border-bottom:5px solid #ff6600 ; */
/* text-indent: 0px; */ 
.clothing .clothing-left .left-title>h2{
    color:#333333;
/* border-bottom:5px solid #ff6600 ; */
 text-indent: 0px;  
}

.left-title h2{
    border-bottom: 0;
}
.left-title{
    border-bottom:5px solid #ff6600 ;
}
.left-title ul li{
    float: left;
    line-height: 36px;
    padding-right: 18px;
    padding-left: 18px;
    box-sizing: border-box;
}
.onsecond{
    background-color: #ff6600;
    color:white;
    
   }


   .left-poster{
       height: 500px;
       width: 665px;
   }
   .poster1{
    width: 236px;
    height: 502px;
    
   }
   .poster1 p{
    background-color: #cccccc;
    width: 236px;
    height: 150px;
    /* text-indent: 4px; */
   }

   .poster1 p a{
       line-height:38px ;
       text-align: center;
       width: 78px;
       float: left;
       text-indent: 3px;
      
   }
   .poster-carousel{
       width: 425px;
       height: 338px;
       border-left:1px solid #cccccc ;
       border-bottom:1px solid #cccccc;
       border-right:1px solid #cccccc;
   }
    .poster2{
    width: 424px;
    height: 158px;
    border-left:1px solid #cccccc ;
    border-bottom:1px solid #cccccc;
    border-right:2px solid #cccccc;
   } 
   .poster2 img{
       width: 424px;
       height: 157px;
   }
   .clothingright{
       height: 498px;
       width: 535px;
         position: absolute;
       top: 42px;
       left: 664px;  
   }
   /* .clothingrightno{
       display: none;
   } */
   .clothingright .clothul .clothingrightonbl{
       display: block;
   }
    .clothingright .clothul li{
        display: none;
    }


   .clothingright img{
width: 176px;
height: 496px;
float: left;
border-bottom:1px solid #cccccc;
    border-right:2px solid #cccccc;

   }

.clothingfoot{
width: 1200px;
}
.clothingfoot img{
    width: 128px;
}
/* 轮播消失 */
.lunbo{
    display: none;
}
.lunbochuxian{
    display: block;
}

/* 户外运动 exercise*/
/* .exercise>.clothing>.left-poster>.poster1 img{
    height: 348px;
    width: 237px;
}  */
.exercise .left-title2 ul .onsecon{
    background-color: #ff6600;
    color:white;

}
 #www   li{
    display: none;
}
 /* .clothingrightnoo{
    display: none;;
}  */
#www   li.rightonbll{
    display: block;
}
.exercise .left-title2 ul li{
    background-color: white;
}
.exercise .left-title2 h2{
    border-bottom: 0;
}
.exercise .left-title2{
    border-bottom:5px solid #ff6600 ;
}
.exercise .left-title2 ul li{
    float: left;
    line-height: 36px;
    padding-right: 18px;
    padding-left: 18px;
    box-sizing: border-box;
}

.exercise .left-title2 ul{
    color:#ff6600;
}
/* .exercise .left-title2 li{
    background-color:""
} */
.exercise .clothing-left .left-title>h2{
    color:#333333;
/* border-bottom:5px solid #ff6600 ; */
text-indent: 0px;
}
 .exercise .clothing>.left-poster>.poster1>.exercise-sport{
    height: 348px;
    width: 237px;
} 
/* 童装 children*/
.children .clothing-left .left-title h2{
    color:#333333;
/* border-bottom:5px solid #ff6600 ; */
text-indent: 0px;
}

 /* .clothingrightnoo{
    display: none;;
}  */
 .rightttt {
    display: block
    !important
}
 #abcd  li {
    display: none;
}

/* household 家居日用*/
/* .household-left{
    border-bottom:5px solid #ff6600
} */
.household{
    height: 541px;
}
 .household-left>div>h2{
color:#333333;
/* border-bottom:5px solid #ff6600 ; */
text-indent: 0px;
border-bottom:0px;
} 
.household-left div:first-child{
    border-bottom:5px solid #ff6600; 
}
/* .title2{
    color:#333333;
border-bottom:5px solid #ff6600 ;
text-indent: 0px;
} */
.household-left div:last-child{
    border-right:2px solid #cccccc;
    border-left:2px solid #cccccc;
    border-bottom:2px solid #cccccc;
}
.household-left >div>img{
    width: 500px;
    height: 504px;
    border: 0;
    /* padding-right: 17px; */
    /* box-sizing: border-box; */
    
    
}
.household-right{
     width: 696px; 
    height: 506px;
}
.household-righttop{
    /* width: 172px;
    height: 337px;
   float: left; */
}
.household-righttop img{
    /* margin:0 auto; */
  /*   width: 172px;
    height: 337px; */
    border-right:2px solid #cccccc;
   /*  border-left:2px solid #cccccc; */
    border-bottom:2px solid #cccccc;
    width: 170px;
    /* height: 0; */
    height: 506px;
    box-sizing: border-box; 
    padding-right: 1px;

}

/* promotion 推广商品 */
.promotion{
    margin-top: 54px;
}
.promotion-title{
    border-bottom:5px solid #ff6600; 
}
.promotion-title h2{
    border-bottom:none;
}
.promotion-title p{
    width: 14px;
    height: 14px;
    float: right;
    /* line-height: 10px; */
    border-radius: 6px;
   margin-top: 12px;
}
.promotion-title>p:last-child{
    margin-right:7px ;
   /*  background-color: #ff6600; 
   */
   
    
}
.promotion-title p{
    background-color:#cccccc;  
}
.recomend-titleyuan{
    margin-right:14px ;
   /*  background-color:#cccccc */;
}
.promotion-title  .recomend-titleyuancolor{
    background-color: #ff6600;
    
}
.promotion-content{
    margin: 0 auto;
    width: 1178px;
    margin-top: 8px;
}
.promotion-li{
    width: 210px;
    height: 300px;
    
     text-align: center;  
    padding-top: 22px;
    box-sizing: border-box;
    margin-right: 23px;
}
.promotion-color{background-color: #f2f2f2;}
.promotion-li >img{
   /*  width: 150px; */
}
.promotion-li p:first-child{
    width: 140px;
  margin: 0 auto;
  text-align: left;
  margin-top: 9px;
  padding-left: 3px;
  box-sizing: border-box;
  
}
.promotion-li .promotion-p{
    width: 140px;
    line-height: 35px;
}

/* 尾页foot */
.foot{
    border-top:5px solid #ff6600; 
    margin-top: 24px;
    position: relative;
}
.foot-hear{
    height: 92px;
    background-color: #f2f2f2;
    text-align: center;
}


   /*  margin: 0 auto; */
   .foot-hear img{
       padding-top: 25px;
       box-sizing: border-box;
       padding-right: 90px;
   }
   .foot-centent{
       height: 370px;
      /*  text-align: center; */
      margin: 0 auto;
      text-align: center;
      position: relative;
      /* top: 0;
      left: 0; */
   }
   .foot-guide{
       width: 693px;
       height: 134px;
       text-align: center;
       margin: 0 auto;;
       margin-top: 34px;
   }
   .foot-guide ul{
       padding-right: 65px;
       box-sizing: border-box;
   }
   .foot-guide ul a{
     line-height: 26px;
   } 
   .foot-legou{
       position: absolute;
       right: 105px;
       top:22px;
   }

   .foot-brief{
       width: 841px;
       height: 16px;
      position: absolute;
      left: 247px;
      top: 300px;
     /*  top:110px; */
   }
   .foot-brief a{
       /* margin-right: 19px; */
      /*  box-sizing: border-box; */
      /* float: left; */
     margin-left: 10px;
   }
   /* .foot-brief ul li:nth-child(2){
       width: 300px;
       height: 16px;
       border-right: 5px solid black;
      
   } */
   .foot-brief span{
       padding-left: 17px;
       box-sizing: border-box;

   }

.foot-date{
    height: 16px;
    width: 362px;
    position: absolute;
    top: 355px;
    left: 454px;

}

/* 回到顶部事件 */
.returntop{
    position: fixed;
    top: 400px;
    right: 25px;
    z-index: 100;
}
/* 楼层滚动事件 */
.floor{
    width: 40px;
    height: 200px;
    background-color: #f2f2f2;
    position: fixed;
    top:50%;
    transform: translateY(-50%);
    left:50%;
    margin-left: -651px;
    /* z-index: 100; */
}
.floor li{
    width: 40px;
    height: 40px;
   background-image: url(../imgs/img/floor.png) ;
   background-repeat: no-repeat;
   line-height: 40px;
   overflow: hidden;
   color:white;
   
   text-indent: 40px;
   text-align: center;
}
.floor li.floorbg1{
    background-position-y:0;
}
.floor li.floorbg2{
    background-position-y:-80px;
}
.floor li.floorbg3{
    background-position-y:-160px;
}
.floor li.floorbg4{
    background-position-y:-200px;
}
.floor li.floorbg5{
    background-position-y:-320px;
}

/* 固定顶部搜索框  fixtop*/
.fixtop{
    height: 100px;
    background-color:white;
    position: fixed;
    top: 0;
    /* 定位过后没有子元素必须设置宽,不然无法显示 */
    width: 100%;
  border-bottom: 10px solid #f60;
  /* 水平垂直偏移 和模糊班级 */
  box-shadow:10px 10px 10px  blue;
  display: none;
  z-index: 200;
}
/* 必须加层级才能生效,因为头部本来就有一个head-search */
.fixtop .head-search{
    /* 让盒子垂直水平居中 */
position: absolute;
left:50%;
top:28%;
transform: translate(-50%);
}
.fixtop>img{
    width: 200px;
    height: 110px;
    /* padding-left: 50px; */
    margin-left: 50px;
   /*  box-sizing: border-box; */
}
   
    
